* html
  #achtung-overlay
    position: absolute

  .achtung
    width: 280px


#achtung-overlay
  overflow: hidden
  position: fixed
  top: 15px
  right: 15px
  width: 280px
  z-index: 50


.achtung
  display: none
  margin-bottom: 8px
  padding: 15px 15px
  background-color: #000
  color: white
  width: 250px
  font-weight: bold
  position: relative
  overflow: hidden
  -moz-box-shadow: #aaa 1px 1px 2px
  -webkit-box-shadow: #aaa 1px 1px 2px
  box-shadow: #aaa 1px 1px 2px
  -moz-border-radius: 4px
  -webkit-border-radius: 4px
  border-radius: 4px
  opacity: .85
  filter: Alpha(Opacity=85)


.ui-icon
  display: block
  text-indent: -99999px
  overflow: hidden
  background-repeat: no-repeat
  width: 16px
  height: 16px
  background-image: url(/javascript/jqueryui/css/sage/images/ui-icons_222222_256x240.png)


.ui-icon-carat-1-n
  background-position: 0 0


.ui-icon-carat-1-ne
  background-position: -16px 0


.ui-icon-carat-1-e
  background-position: -32px 0


.ui-icon-carat-1-se
  background-position: -48px 0


.ui-icon-carat-1-s
  background-position: -64px 0


.ui-icon-carat-1-sw
  background-position: -80px 0


.ui-icon-carat-1-w
  background-position: -96px 0


.ui-icon-carat-1-nw
  background-position: -112px 0


.ui-icon-carat-2-n-s
  background-position: -128px 0


.ui-icon-carat-2-e-w
  background-position: -144px 0


.ui-icon-triangle-1-n
  background-position: 0 -16px


.ui-icon-triangle-1-ne
  background-position: -16px -16px


.ui-icon-triangle-1-e
  background-position: -32px -16px


.ui-icon-triangle-1-se
  background-position: -48px -16px


.ui-icon-triangle-1-s
  background-position: -64px -16px


.ui-icon-triangle-1-sw
  background-position: -80px -16px


.ui-icon-triangle-1-w
  background-position: -96px -16px


.ui-icon-triangle-1-nw
  background-position: -112px -16px


.ui-icon-triangle-2-n-s
  background-position: -128px -16px


.ui-icon-triangle-2-e-w
  background-position: -144px -16px


.ui-icon-arrow-1-n
  background-position: 0 -32px


.ui-icon-arrow-1-ne
  background-position: -16px -32px


.ui-icon-arrow-1-e
  background-position: -32px -32px


.ui-icon-arrow-1-se
  background-position: -48px -32px


.ui-icon-arrow-1-s
  background-position: -64px -32px


.ui-icon-arrow-1-sw
  background-position: -80px -32px


.ui-icon-arrow-1-w
  background-position: -96px -32px


.ui-icon-arrow-1-nw
  background-position: -112px -32px


.ui-icon-arrow-2-n-s
  background-position: -128px -32px


.ui-icon-arrow-2-ne-sw
  background-position: -144px -32px


.ui-icon-arrow-2-e-w
  background-position: -160px -32px


.ui-icon-arrow-2-se-nw
  background-position: -176px -32px


.ui-icon-arrowstop-1-n
  background-position: -192px -32px


.ui-icon-arrowstop-1-e
  background-position: -208px -32px


.ui-icon-arrowstop-1-s
  background-position: -224px -32px


.ui-icon-arrowstop-1-w
  background-position: -240px -32px


.ui-icon-arrowthick-1-n
  background-position: 0 -48px


.ui-icon-arrowthick-1-ne
  background-position: -16px -48px


.ui-icon-arrowthick-1-e
  background-position: -32px -48px


.ui-icon-arrowthick-1-se
  background-position: -48px -48px


.ui-icon-arrowthick-1-s
  background-position: -64px -48px


.ui-icon-arrowthick-1-sw
  background-position: -80px -48px


.ui-icon-arrowthick-1-w
  background-position: -96px -48px


.ui-icon-arrowthick-1-nw
  background-position: -112px -48px


.ui-icon-arrowthick-2-n-s
  background-position: -128px -48px


.ui-icon-arrowthick-2-ne-sw
  background-position: -144px -48px


.ui-icon-arrowthick-2-e-w
  background-position: -160px -48px


.ui-icon-arrowthick-2-se-nw
  background-position: -176px -48px


.ui-icon-arrowthickstop-1-n
  background-position: -192px -48px


.ui-icon-arrowthickstop-1-e
  background-position: -208px -48px


.ui-icon-arrowthickstop-1-s
  background-position: -224px -48px


.ui-icon-arrowthickstop-1-w
  background-position: -240px -48px


.ui-icon-arrowreturnthick-1-w
  background-position: 0 -64px


.ui-icon-arrowreturnthick-1-n
  background-position: -16px -64px


.ui-icon-arrowreturnthick-1-e
  background-position: -32px -64px


.ui-icon-arrowreturnthick-1-s
  background-position: -48px -64px


.ui-icon-arrowreturn-1-w
  background-position: -64px -64px


.ui-icon-arrowreturn-1-n
  background-position: -80px -64px


.ui-icon-arrowreturn-1-e
  background-position: -96px -64px


.ui-icon-arrowreturn-1-s
  background-position: -112px -64px


.ui-icon-arrowrefresh-1-w
  background-position: -128px -64px


.ui-icon-arrowrefresh-1-n
  background-position: -144px -64px


.ui-icon-arrowrefresh-1-e
  background-position: -160px -64px


.ui-icon-arrowrefresh-1-s
  background-position: -176px -64px


.ui-icon-arrow-4
  background-position: 0 -80px


.ui-icon-arrow-4-diag
  background-position: -16px -80px


.ui-icon-extlink
  background-position: -32px -80px


.ui-icon-newwin
  background-position: -48px -80px


.ui-icon-refresh
  background-position: -64px -80px


.ui-icon-shuffle
  background-position: -80px -80px


.ui-icon-transfer-e-w
  background-position: -96px -80px


.ui-icon-transferthick-e-w
  background-position: -112px -80px


.ui-icon-folder-collapsed
  background-position: 0 -96px


.ui-icon-folder-open
  background-position: -16px -96px


.ui-icon-document
  background-position: -32px -96px


.ui-icon-document-b
  background-position: -48px -96px


.ui-icon-note
  background-position: -64px -96px


.ui-icon-mail-closed
  background-position: -80px -96px


.ui-icon-mail-open
  background-position: -96px -96px


.ui-icon-suitcase
  background-position: -112px -96px


.ui-icon-comment
  background-position: -128px -96px


.ui-icon-person
  background-position: -144px -96px


.ui-icon-print
  background-position: -160px -96px


.ui-icon-trash
  background-position: -176px -96px


.ui-icon-locked
  background-position: -192px -96px


.ui-icon-unlocked
  background-position: -208px -96px


.ui-icon-bookmark
  background-position: -224px -96px


.ui-icon-tag
  background-position: -240px -96px


.ui-icon-home
  background-position: 0 -112px


.ui-icon-flag
  background-position: -16px -112px


.ui-icon-calendar
  background-position: -32px -112px


.ui-icon-cart
  background-position: -48px -112px


.ui-icon-pencil
  background-position: -64px -112px


.ui-icon-clock
  background-position: -80px -112px


.ui-icon-disk
  background-position: -96px -112px


.ui-icon-calculator
  background-position: -112px -112px


.ui-icon-zoomin
  background-position: -128px -112px


.ui-icon-zoomout
  background-position: -144px -112px


.ui-icon-search
  background-position: -160px -112px


.ui-icon-wrench
  background-position: -176px -112px


.ui-icon-gear
  background-position: -192px -112px


.ui-icon-heart
  background-position: -208px -112px


.ui-icon-star
  background-position: -224px -112px


.ui-icon-link
  background-position: -240px -112px


.ui-icon-cancel
  background-position: 0 -128px


.ui-icon-plus
  background-position: -16px -128px


.ui-icon-plusthick
  background-position: -32px -128px


.ui-icon-minus
  background-position: -48px -128px


.ui-icon-minusthick
  background-position: -64px -128px


.ui-icon-close
  background-position: -80px -128px


.ui-icon-closethick
  background-position: -96px -128px


.ui-icon-key
  background-position: -112px -128px


.ui-icon-lightbulb
  background-position: -128px -128px


.ui-icon-scissors
  background-position: -144px -128px


.ui-icon-clipboard
  background-position: -160px -128px


.ui-icon-copy
  background-position: -176px -128px


.ui-icon-contact
  background-position: -192px -128px


.ui-icon-image
  background-position: -208px -128px


.ui-icon-video
  background-position: -224px -128px


.ui-icon-script
  background-position: -240px -128px


.ui-icon-alert
  background-position: 0 -144px


.ui-icon-info
  background-position: -16px -144px


.ui-icon-notice
  background-position: -32px -144px


.ui-icon-help
  background-position: -48px -144px


.ui-icon-check
  background-position: -64px -144px


.ui-icon-bullet
  background-position: -80px -144px


.ui-icon-radio-off
  background-position: -96px -144px


.ui-icon-radio-on
  background-position: -112px -144px


.ui-icon-pin-w
  background-position: -128px -144px


.ui-icon-pin-s
  background-position: -144px -144px


.ui-icon-play
  background-position: 0 -160px


.ui-icon-pause
  background-position: -16px -160px


.ui-icon-seek-next
  background-position: -32px -160px


.ui-icon-seek-prev
  background-position: -48px -160px


.ui-icon-seek-end
  background-position: -64px -160px


.ui-icon-seek-first
  background-position: -80px -160px


.ui-icon-stop
  background-position: -96px -160px


.ui-icon-eject
  background-position: -112px -160px


.ui-icon-volume-off
  background-position: -128px -160px


.ui-icon-volume-on
  background-position: -144px -160px


.ui-icon-power
  background-position: 0 -176px


.ui-icon-signal-diag
  background-position: -16px -176px


.ui-icon-signal
  background-position: -32px -176px


.ui-icon-battery-0
  background-position: -48px -176px


.ui-icon-battery-1
  background-position: -64px -176px


.ui-icon-battery-2
  background-position: -80px -176px


.ui-icon-battery-3
  background-position: -96px -176px


.ui-icon-circle-plus
  background-position: 0 -192px


.ui-icon-circle-minus
  background-position: -16px -192px


.ui-icon-circle-close
  background-position: -32px -192px


.ui-icon-circle-triangle-e
  background-position: -48px -192px


.ui-icon-circle-triangle-s
  background-position: -64px -192px


.ui-icon-circle-triangle-w
  background-position: -80px -192px


.ui-icon-circle-triangle-n
  background-position: -96px -192px


.ui-icon-circle-arrow-e
  background-position: -112px -192px


.ui-icon-circle-arrow-s
  background-position: -128px -192px


.ui-icon-circle-arrow-w
  background-position: -144px -192px


.ui-icon-circle-arrow-n
  background-position: -160px -192px


.ui-icon-circle-zoomin
  background-position: -176px -192px


.ui-icon-circle-zoomout
  background-position: -192px -192px


.ui-icon-circle-check
  background-position: -208px -192px


.ui-icon-circlesmall-plus
  background-position: 0 -208px


.ui-icon-circlesmall-minus
  background-position: -16px -208px


.ui-icon-circlesmall-close
  background-position: -32px -208px


.ui-icon-squaresmall-plus
  background-position: -48px -208px


.ui-icon-squaresmall-minus
  background-position: -64px -208px


.ui-icon-squaresmall-close
  background-position: -80px -208px


.ui-icon-grip-dotted-vertical
  background-position: 0 -224px


.ui-icon-grip-dotted-horizontal
  background-position: -16px -224px


.ui-icon-grip-solid-vertical
  background-position: -32px -224px


.ui-icon-grip-solid-horizontal
  background-position: -48px -224px


.ui-icon-gripsmall-diagonal-se
  background-position: -64px -224px


.ui-icon-grip-diagonal-se
  background-position: -80px -224px


.achtung
  .achtung-message-icon
    margin-top: 0
    margin-left: -.5em
    margin-right: .5em
    float: left
    zoom: 1

  .ui-icon
    &.achtung-close-button
      overflow: hidden
      float: right
      position: relative
      top: -8px
      right: -8px
      cursor: pointer
      background-image: url(/javascript/jqueryui/css/sage/images/ui-icons_888888_256x240.png)

    &.achtung-close-button-hover
      background-image: url(/javascript/jqueryui/css/sage/images/ui-icons_ffffff_256x240.png)


.achtungSuccess, .achtungFail, .achtungWait
  opacity: .93
  filter: Alpha(Opacity=93)


.achtungSuccess
  background-color: #4DB559


.achtungFail
  background-color: #D64450


.achtungWait
  background-color: #658093


.achtungSuccess .ui-icon.achtung-close-button, .achtungFail .ui-icon.achtung-close-button
  background-image: url(/javascript/jqueryui/css/sage/images/ui-icons_2e83ff_256x240.png)


.achtungSuccess .ui-icon.achtung-close-button-hover, .achtungFail .ui-icon.achtung-close-button-hover
  background-image: url(/javascript/jqueryui/css/sage/images/ui-icons_222222_256x240.png)


.achtung
  .wait-icon
    background-image: url(/javascript/jqueryui/css/sage/images/wait.gif)

  .achtung-message
    display: inline
